<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title>基于web的个人图书共享系统设计与实现</title>
    <!-- Element ui 样式 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.13.2/theme-chalk/index.css" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" />
    <!-- Element-ui -->
    <script src="https://cdn.staticfile.org/element-ui/2.13.2/index.js"></script>
    <script src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.min.js"></script>
    <style>
      html,
      body {
        width: 100%;
        height: 100%;
      }
    </style>
  </head>

  <body>
    <div id="app"></div>
  </body>
  <script>
    window.onload = function() {
      let mySwiper = new Swiper('.swiper-container', {
        effect: 'fade',
        autoplay: 2000,
        loop: true,
        // 如果需要分页器
        pagination: {
          el: '.swiper-pagination'
        }
      });
    };
  </script>
</html>
